
    <!-- 
        封装的tabs过渡切换缓动特效 
        仅限多，内部有列表的单元素可用另一个 注意元素上面要有唯一key值
        用法：<baseTransition><your vdom></baseTransition>
    -->
<template>
    <div class='transition'>
        <transition-group name="slide-fade" tag="div">
            <slot></slot>
        </transition-group>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="scss" scoped>
    .slide-fade-enter-active {
        transition: all .8s ease;
    }
    .slide-fade-leave-active {
        transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
    }
    .slide-fade-leave-to
    /* .slide-fade-leave-active for below version 2.1.8 */ {
        transform: translateX(-10px);
        opacity: 0;
    }
    .slide-fade-enter{
        transform: translateX(50px);
        opacity: 0;
    }
</style>

